<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            /* 字重 --- 是否加粗 */
            font-weight: lighter;
            /* 文字是否倾斜 */
            /* font-style: italic; */
            /* font-style: oblique; */
            /* 字左右间距  --- 可以是负数 */
            /* letter-spacing: 10px; */
            /* font-family: '宋体'; */
            /* font-family: "微软雅黑"; */
            /* 使用的是电脑上本来有的字体 --- 电脑没有这个字体就不会显示   系统自带安装的字体  微软雅黑，宋体 */
            font-family: "隶书";
            font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;

            /* 英文大小写转换 */
            /* text-transform: uppercase; */
            /* text-transform: lowercase; */

            /* 把每个单词的第一个字母转为大写，其他的不管 */
            text-transform: capitalize;
            /* 首行缩进  em等于一个字体大小 */
            text-indent: 2em;
        }

        h3 {
            /* 去掉加粗  normal 常规的 */
            /* font-weight: normal; */
            /* 100-300 = lighter   400-500 = normal   600-900 = bold = bolder  */
            font-weight: 100;
        }

        em {
            font-style: normal;
        }
    </style>
</head>

<body>

    <!-- 
        文本属性
            color 
            font-size 
            line-height 
            text-align:left/right/center

            字体是否加粗  font-weight: 100-300 = lighter   400-500 = normal   600-900 = bold = bolder 
            文字是否倾斜  font-style:italic(倾斜) / oblique / normal(不倾斜) ;
            字间距       letter-spacing  左右间距
            字体     font-family:"微软雅黑" , "宋体" , Arial
            英文大小写转化  text-transform:uppercase / lowercase / capitalize
            首行缩进   text-indent :2em     em=一个字体大小
     -->

    <div>哈哈哈哈哈哈哈哈哈哈哈哈hello哈哈哈哈哈哈hello哈哈哈哈哈哈hello哈哈哈哈哈哈hellohello world HI</div>
    <p>哈哈</p>
    <h3>哈哈</h3>
    <em>哈哈</em>

</body>

</html>